<template>
    <pub-dialog class="small-dialog" v-model="show" small title="用户协议">
      <div class="zc-container">
        <div class="zc-content-html" v-html="html"></div>
        <div class="zc-btn">
          <div class="pub-btn btn-big btn200" @click="closeFn">
            {{ $t('components.pub-zc-gz.566984-1') }}
          </div>
        </div>
      </div>
    </pub-dialog>
  </template>
  
  <script>
  import protal from "@/api/protal";
  import PubDialog from '@/components/pub-dialog.vue'
  export default {
    name: "pub-zc-gz",
    components: {
        PubDialog
    },
    data() {
      return {
        show: false,
        html: `
			<h4>用户协议</h4>
			<p>报名者特此同意，报名者在2025年Inclusion·外滩大会（下称“大会”）产业对接会（下称“本次活动”）报名页面点击报名即视为授权上海扬心轩信息技术有限公司及其关联公司以及本次活动的其他联合发起方与指导单位（合称“被授权方”）收集、使用、存储报名者提交的内容（包括但不限于文字、图片、视频、音频等）用于本次活动的相关宣传。</p>
			
			<p>在确定入选本次活动或以其他合法方式被公众获知之前，被授权方保证对报名者提交的内容中涉及的所有非公开信息予以保密。同时，为了切实保障自身合法权益，请报名者不要在本次活动官方页面提交尚在研发过程中的、涉及核心商业和/或技术机密的项目内容。</p>
			
			<p>报名者应根据本次活动官方页面提示提交联系人、联系电话、联系邮箱、所属公司/院校、项目信息至活动方，用于活动报名审核以及活动通知等相关用途。</p>
			
			<p>如通过活动的报名审核，报名者应确保在活动现场展示的内容均已取得合法授权，不存在任何侵犯他人合法权益的情形；否则，应由报名者自行承担所有后果与责任，与被授权方和大会无关；如因此使被授权方或大会遭受任何损失，报名者应承担所有赔偿责任。</p>
			
			<p>报名者同意，被授权方有权在大会及本次活动宣传推广中使用报名者形象（包括但不限于姓名、肖像、声音、名称、商标、字号等）以及报名者提交的内容制作并发布与大会和/或本次活动相关的文稿、图片、视频、音频等宣传物料（合称“宣传物料”），且确认宣传物料的所有著作权归属于制作该宣传物料的被授权方，报名者如需使用前述宣传物料，可与被授权方另行协商。被授权方有权通过已有的或将来可能出现的各媒体或媒介对宣传物料进行直播、转播、传播、使用等。报名者承诺不会就宣传物料中涉及的肖像权、文字作品著作权、口述作品著作权等问题，再行向被授权方或被授权方转授权进行制作、使用、播放宣传物料的第三方主张权利。</p>
		`,
        name: ''
      };
    },
    watch: {
      show(v) {
        if (v && !this.html) {
          // this.getGz();
        }
      },
    },
    methods: {
      closeFn() {
        this.$emit('close', this.name)
        this.show = false
      },
      getGz(t) {
        console.log(t)
        // register_rule注册规则
        // privacy_rule 隐私政策
        this.name = t
        this.show = true
      },
    },
  };
  </script>
  
  <style lang="less" scoped>
  .small-dialog {
    .title {
      flex: 1 0 auto !important;
    }
  }
  .zc-container {
    padding: 40px;
    .zc-btn {
      display: flex;
      justify-content: center;
      margin-top: 20px;
    }
  }
  @media screen and (max-width: 750px) {
    .small-dialog {
      padding: 0 40rpx;
      .zc-container {
        padding: 40rpx 36rpx;
  
        .zc-btn {
          display: flex;
          justify-content: center;
          margin-top: 48rpx;
  
          .pub-btn {
            width: 280rpx;
            height: 88rpx;
            border-radius: 12rpx;
            font-size: 30rpx;
          }
        }
      }
    }
  }
  </style>
  